<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 创建 SVG 命名空间
        let svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
        // 设置 SVG 画布的宽度和高度
        svg.setAttribute("width", "500");
        svg.setAttribute("height", "500");
        // 设置 SVG 画布的背景颜色
        svg.setAttribute("style", "background-color: lightgray;");

        // 绘制正方形
        let square = document.createElementNS("http://www.w3.org/2000/svg", "rect");
        square.setAttribute("x", "50");
        square.setAttribute("y", "50");
        square.setAttribute("width", "100");
        square.setAttribute("height", "100");
        square.setAttribute("fill", "blue");
        svg.appendChild(square);

        // 绘制长方形
        let rectangle = document.createElementNS("http://www.w3.org/2000/svg", "rect");
        rectangle.setAttribute("x", "200");
        rectangle.setAttribute("y", "150");
        rectangle.setAttribute("width", "200");
        rectangle.setAttribute("height", "100");
        rectangle.setAttribute("fill", "green");
        svg.appendChild(rectangle);

        // 绘制圆形
        let circle = document.createElementNS("http://www.w3.org/2000/svg", "circle");
        circle.setAttribute("cx", "150");
        circle.setAttribute("cy", "150");
        circle.setAttribute("r", "25");
        circle.setAttribute("fill", "red");
        svg.appendChild(circle);

        // 将 SVG 添加到 body 中
        document.body.appendChild(svg);

        let draw = SVG().addTo

    </script>
</body>
</html>